<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>商城分类</title>
        <style>
            * {
                margin: 0;
                padding: 0;
                font-family: 'microsoft yahei';
                text-decoration: none;
            }

            .head {
                min-width: 1200px;
                height: 198px;

            }

            .hnvgt{
                min-width: 1200px;
                height: 40px;
                background-color: #333333;

            }
            .hnl{
                float: left;
                font-size: 12px;
                color: gray;
                width: 600px;
            }
            .xhnl{
                float: left;
                height: 40px;
                line-height: 40px;
                margin: 0 15px 0 0;
            }
            .hnr{
                float: right;
                font-size: 12px;
                color: gray;
                width: 400px;
            }
            .xhnr{
                float: right;
                height: 40px;
                line-height: 40px;
                margin: 0 0 0 15px;
            }
            .hsearch {
                min-width: 1200px;
                height: 155px;
                border-bottom: 1px solid #000000;
                clear: both;
            }

            .hsc {
                width: 1200px;
                height: 155px;
                margin: 0 auto;
            }

            .hscs {
                width: 1200px;
                height: 115px;
                margin: 0 auto;
            }

            .hscsl {
                width: 210px;
                height: 115px;
                float: left;
            }

            .logo {
                margin: 42px 0;
            }

            .hscsm {
                width: 990px;
                height: 115px;
                float: left;
            }

            .hm {
                width: 730px;
                float: right;
                height: 85px;
                margin: 30px 0;
            }

            .hms {
                width: 730px;
                height: 42px;
            }

            .hmsl {
                width: 535px;
                height: 40px;
                border: 1px solid darkgreen;
                float: left;
            }

            .dz {
                font-size: 12px;
                color: darkgrey;
                margin: 12px 0 0 20px;
                float: left;
            }

            .fdj {
                width: 74px;
                height: 40px;
                background-color: #2fab3c;
                float: right;
            }

            .hmsr {
                width: 158px;
                height: 40px;
                border: 1px solid grey;
                float: right;
                line-height: 40px;
                font-size: 12px;
            }

            .hmsrw {
                color: grey;
                float: right;
                margin: 0 27px 0 0;

            }

            .hmsrt {
                float: left;
                margin: 12px 5px 0 30px;
            }

            .hmx {
                width: 730px;
                height: 40px;
                line-height: 40px;
            }

            .hmxc {
                font-size: 12px;
                color: grey;
                float: left;
                margin: 0 15px 0 0;
            }

            .hscx {
                width: 1200px;
                height: 40px;
                margin: 0 auto;
            }

            .hscxl {
                width: 210px;
                height: 40px;
                float: left;
                background-color: #000000;
                color: #ffffff;
                font-size: 16px;
                line-height: 40px;

            }

            .hltb {
                width: 20px;
                height: 15px;
                background-image: url('../project/mall/IMGsc/qtb.png');
                background-repeat: no-repeat;
                float: left;
                margin: 13px 15px 15px 33px;
            }

            .hscxr {
                width: 990px;
                height: 40px;
                float: left;
            }

            .hrdh {
                float: left;
                font-size: 16px;
                height: 40px;
                line-height: 40px;
                margin: 0 11px;
            }

            .hsxr a {
                text-decoration: none;
                color: #333333;

            }

            .sdh {
                height: 199px;
                min-width: 1200px;
                width: 1200px;
                margin: 0 auto;
            }

            .shy {
                width: 1200px;
                height: 49px;
                border-bottom: 1px solid darkgrey;
                line-height: 49px;
                float: left;
            }

            .syzt {
                color: darkgray;
                font-size: 14px;
                float: left;
                width: 80px;
                margin: 0 0 0 40px;
            }

            .syzta {
                color: darkgray;
                font-size: 14px;
                float: left;
                margin: 0 5px;
            }

            .syztb {
                color: limegreen;
                font-size: 14px;
                float: left;
                width: 80px;
                margin: 0 0 0 40px;
            }

            .flm {
                height: 1130px;
                min-width: 1200px;
                background-color: #f5f5f5;
                margin: 0 auto;
            }

            .flma {
                width: 1200px;
                height: 1130px;
                margin: 0 auto;
            }

            .flmd {
                height: 15px;
                background-color: #f5f5f5;
            }

            .flmb {
                width: 1200px;
                height: 960px;
            }

            .flmc {
                width: 1200px;
                height: 155px;
            }

            .flzt {
                font-size: 14px;
                float: left;
            }

            .fl {
                height: 300px;
                width: 232px;
                background-color: #ffffff;
                float: left;
                margin: 7px 6px 5px 2px;
            }
            .f2{

                height: 300px;
                width: 232px;
                background-color: #ffffff;
                float: left;
                margin: 7px 6px 5px 2px;
                color:#252525;
            }
            .stp {
                height: 180px;
                width: 180px;
                padding: 20px 30px;
            }

            .name {
                margin: 12px 0;
                text-align: center;
                font-size: 14px;
            }

            .jg {
                font-size: 14px;
                text-align: center;
                color: red;
            }

            .wz {
                width: 500px;
                height: 35px;
                padding-top: 60px;
                margin: 0 auto;
                font-size: 14px;
            }

            .wsy {
                height: 35px;
                width: 55px;
                background-color: #ffffff;
                border: 1px solid darkgray;
                text-align: center;
                float: left;
                margin: 0 10px 0 0;
            }

            .ws {
                height: 35px;
                width: 70px;
                background-color: #ffffff;
                border: 1px solid darkgray;
                text-align: center;
                float: left;
                margin: 0 10px 0 0;
            }

            .wyi {
                height: 35px;
                width: 35px;
                background-color: forestgreen;
                border: 1px solid darkgray;
                text-align: center;
                float: left;
                color: #ffffff;
                margin: 0 10px 0 0;
            }

            .we {
                height: 35px;
                width: 35px;
                background-color: #ffffff;
                border: 1px solid darkgray;
                text-align: center;
                float: left;
                margin: 0 10px 0 0;
            }

            .wx {
                height: 35px;
                width: 55px;
                background-color: #ffffff;
                border: 1px solid darkgray;
                text-align: center;
                float: left;
                margin: 0 10px 0 0;
            }

            .wy {
                height: 35px;
                width: 55px;
                background-color: #ffffff;
                border: 1px solid darkgray;
                text-align: center;
                float: left;
                margin: 0 10px 0 0;
            }
            .foot{
                min-width: 1200px;
                height: 420px;
            }
            .q{
                height: 90px;
                min-width: 1200px;
                border-top: 1px solid #e2e2e4;
                border-bottom: 1px solid #e2e2e4;
            }
            .fts{
                width: 1200px;
                height: 90px;
                margin: 0 auto;
            }
            .ftshz{
                width:299px;
                height: 60px;
                margin-top: 15px;
                float: left;
                border-right: 1px solid #e2e2e4;
            }
            .ftshzq{
                width: 40px;
                height:40px;
                background-image: url('../project/mall/IMGsc/yuan.png');
                float: left;
                text-align: center;
                color: limegreen;
                font-size: 21px;
                margin-top: 13px;
                margin-left: 75px;
            }

            .ftshzh{
                color: black;
                font-size: 18px;
                margin: 0 auto;
                float: left;
                text-align: center;
                margin-top: 15px;
                margin-left: 5px;
            }
            .ftz{
                width: 1200px;
                height: 250px;
                margin: 0 auto;
            }
            .mzt{
                width: 190px;
                height: 250px;
                margin: 0 auto;
                float: left;
            }
            .mztx{
                width: 200px;
                height: 30px;
                color: gray;
                font-size: 12px;
            }
            .mztd {
                width: 200px;
                height: 40px;
                color:#252525;
                font-size: 16px;
                margin-top: 30px;
            }
            .sph{
                width: 200px;
                height: 36px;
                float: left;
            }
            .ftx{
                width: 1200px;
                height: 80px;
                color: gray;
                font-size: 12px;
                text-align: center;
                margin: 0 auto;
            }


        </style>
    </head>

    <body>
        <div>
            <div class="head">
                <div class="hnvgt">
                    <div style="width: 1200px;height: 40px;margin: 0 auto">
                        <div class="hnl">
                            <div class="xhnl">大客户采购</div>
                            <div class="xhnl">帮助中心</div>
                            <div class="xhnl">收藏本站</div>
                            <div class="xhnl">商品入驻</div>
                            <div class="xhnl">老人手环申请</div>
                            <div class="xhnl"><img src='../project/mall/IMGsc/phonetb.png' style="position: relative;top: 4px;right: 3px;">手机商城</div>
                        </div>
                        <div class="hnr">
                            <div class="xhnr">我的订单</div>
                            <div class="xhnr">F码购买</div>
                            <div class="xhnr">|</div>
                            <div class="xhnr">注册</div>
                            <div class="xhnr">登录</div>
                        </div>
                    </div>
                </div>
                <div class="hsearch">
                    <div class="hsc">
                        <div class="hscs">
                            <div class="hscsl">
                                <div class="logo"><img src="../project/mall/IMGsc/logo.png"/></div>
                            </div>
                            <div class="hscsm">
                                <div class="hm">
                                    <div class="hms">
                                        <div class="hmsl">
                                            <div class="dz">极米无屏电视</div>
                                            <div class="fdj"><img src='../project/mall/IMGsc/fdj.png' style="margin:12px 27px">
                                            </div>
                                        </div>
                                        <div class="hmsr"><img src='../project/mall/IMGsc/gwctb.png' class="hmsrt">我的购物车(0)
                                        </div>
                                    </div>
                                    <div class="hmx">
                                        <div class="hmxc">手机N4A</div>
                                        <div class="hmxc">儿童手表C5</div>
                                        <div class="hmxc">儿童机器人</div>
                                        <div class="hmxc">安全路由5G</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="hscx">
                            <div class="hscxl">
                                <div class="hltb"></div>
                                <div>全部智能酷品</div>
                            </div>
                            <div class="hscxr">
                                <div class="hrdh" style="margin: 0 10px 0 40px ">手机</div>
                                <div class="hrdh">行车记录仪</div>
                                <div class="hrdh">儿童手表</div>
                                <div class="hrdh">摄像头</div>
                                <div class="hrdh">路由器</div>
                                <div class="hrdh">儿童机器人</div>
                                <div class="hrdh">老人手表</div>
                                <div class="hrdh">智品牌</div>
                                <div class="hrdh">社区</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sdh">
                <div class="shy">
                    <div class="syzta">首页 </div>
                    <div class="syzta">全部搜索结果</div>
                    <div class="syzta">无人机 / 机器人 </div>
                    <div class="">全部</div>
                </div>
                <div class="shy">
                    <div class="flzt">分类:</div>
                    <div class="syzt">智能机器人</div>
                    <div class="syzt">无人机</div>

                    <div class="flzt">品牌:</div>
                    <div class="syzt">小勇</div>
                    <div class="syzt">零度质控</div>
                    <div class="syzt">小鱼在家</div>
                    <div class="syzt">派宝</div>
                    <div class="syzt">普宙</div>
                    <div class="syzt">疆域</div>
                    <div class="syzt">派</div>
                    <div class="syzt">小西</div>
                </div>
                <div class="shy">
                    <div class="flzt">排序:</div>
                    <div class="syztb">默认</div>
                    <div class="syztb">价格</div>
                    <div class="syzt" style="width: 110px"><img src="../project/mall/IMGsc/fx.png"/>仅看有货产品</div>
                </div>
            </div>
            <div class="flm">
                <div class="flma">
                    <div class="flmd"></div>
                    <div class="flmb">
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_1.jpeg" /></div>
                            <div class="name">360儿童机器人AR版</div>
                            <div class="jg">1499元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_2.jpeg" /></div>
                            <div class="name">小勇商务投影机器人 Y20A(皓月</div>
                            <div class="jg">6888元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_3.jpeg" /></div>
                            <div class="name">PadBot 派宝U1机器人</div>
                            <div class="jg">2699元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_4.jpeg" /></div>
                            <div class="name">小勇商务投影机器人 Y20A(太空</div>
                            <div class="jg">6888元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_5.jpeg" /></div>
                            <div class="name">零度智控(zerotech)DOBBY口袋</div>
                            <div class="jg">2899元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_6.jpeg" /></div>
                            <div class="name">PadBot派宝T1机器人(粉色)</div>
                            <div class="jg">599元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_7.jpeg" /></div>
                            <div class="name">零度智控(zerotech)DOBBY口袋</div>
                            <div class="jg">76元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_8.jpeg" /></div>
                            <div class="name">普迪(GDU)BYRD Advance专业</div>
                            <div class="jg">4999元</div>
                        </div>
                        <a href="../homework/scmx.html"> <div class="f2">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_9.jpeg" /></div>
                            <div class="name">普迪BYRD Premium1.0专业四轴航</div>
                            <div class="jg">6488元</div>
                        </div></a>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_10.jpeg" /></div>
                            <div class="name">小勇儿童早教智能机器人 Y508</div>
                            <div class="jg">3680元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_11.jpeg" /></div>
                            <div class="name">PadBot派宝T1机器人(灰色)</div>
                            <div class="jg">599元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_12.jpeg" /></div>
                            <div class="name">小勇智能儿童益智早教机器人</div>
                            <div class="jg">1088元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_13.jpeg" /></div>
                            <div class="name">普迪(GDU)BYRD Standand专业</div>
                            <div class="jg">3999元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_14.jpeg" /></div>
                            <div class="name">小勇商务投影机器人 Y20A(浩瀚</div>
                            <div class="jg">6888元</div>
                        </div>
                        <div class="fl">
                            <div class="stp"><img src="../project/mall/IMGsc/cate_15.jpeg" /></div>
                            <div class="name">小勇智能儿童益智早教机器人</div>
                            <div class="jg">498元</div>
                        </div>
                    </div>
                    <div class="flmc">
                        <div class="wz">
                            <div class="wsy">首页</div>
                            <div class="ws">上一页</div>
                            <div class="wyi">1</div>
                            <div class="we">2</div>
                            <div class="wx">下一页</div>
                            <div class="wy">尾页</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="foot">
                <div class="q">
                    <div class="fts">
                        <div class="ftshz">
                            <div class="ftshzq">7</div>
                            <div class="ftshzh">&nbsp;7天无理由退货</div>
                        </div>
                        <div class="ftshz">
                            <div class="ftshzq">15</div>
                            <div class="ftshzh">&nbsp;15天免费换货</div>
                        </div>
                        <div class="ftshz">
                            <div class="ftshzq">包</div>
                            <div class="ftshzh">&nbsp;满99元包邮</div>
                        </div>
                        <div class="ftshz" style="border-right: none">
                            <div class="ftshzq">服</div>
                            <div class="ftshzh">&nbsp;手机特色服务</div>
                        </div>
                    </div></div>
                <div class="ftz">
                    <div class="mzt">
                        <div class="mztd">帮助中心</div>
                        <div class="mztx">用户注册</div>
                        <div class="mztx">用户登录与密码找回</div>
                        <div class="mztx">购买指南</div>
                        <div class="mztx">支付方式</div>
                        <div class="mztx">配送与说明</div>
                    </div>
                    <div class="mzt">
                        <div class="mztd">售后服务</div>
                        <div class="mztx">7日无理由退货</div>
                        <div class="mztx">质量问题15日内换货</div>
                        <div class="mztx">保修条款</div>
                        <div class="mztx">服务流程</div>
                        <div class="mztx">安迷之家</div>
                    </div>
                    <div class="mzt">
                        <div class="mztd">特色服务</div>
                        <div class="mztx">F码通道</div>
                        <div class="mztx">360生态</div>
                    </div>
                    <div class="mzt">
                        <div class="mztd">推广合作</div>
                        <div class="mztx">商品入驻</div>
                        <div class="mztx">大客户采购</div>
                    </div>
                    <div class="mzt">
                        <div class="mztd">关注柔柔商城</div>
                        <div class="mztx">柔柔柔商城大事记</div>
                    </div>
                    <div class="mzt" >
                        <div class="mztd">联系我们</div>
                        <div class="sph">
                            <div style="width: 108px;height: 36px;float: left"><img src="../project/mall/IMGsc/onserver.png"></div>
                            <div style="width: 35px;height: 36px;float: left;margin-left: 10px"><img src="../project/mall/IMGsc/weixin.png"></div>
                            <div style="width: 36px;height: 36px;float: right"><img src="../project/mall/IMGsc/xinlang.png"></div>
                        </div>
                    </div>
                    <div class="ftx">
                        <div style="margin-top: 30px;clear:both;">柔柔柔商城&copy;2013-2016&nbsp;公司版权所有&nbsp;京ICP备08010314号-43&nbsp;京公网安备1100000200006号</div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>